<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
		.tital {
			font-weight:bold;
			text-align:left;
			float:left;
		}
		.tital h1{
			padding-top: 8px;
			padding-left: 8px;
			color: red;
			font-size:34px;  
			text-transform:uppercase;
			float:left;
		}
		.tital p{
			padding-top:18px;
			font-size:22px;
			color: white;
			float:left;
		}
		.tital-right {
			text-align:right;
		}
		.tital-right p{
			margin:0px;
			padding-top:10px;
			padding-right:5px;
			font-size:13px;
			color: white;
		}
		.tital-right p a{
			margin:0px;
			padding-top:10px;
			padding-right:5px;
			font-size:13px;
			color: white;
		}
		.tital-right p a:visited{
			margin:0px;
			padding-top:10px;
			padding-right:5px;
			font-size:13px;
			color: white;
		}
		.char2,
		.line2 { color: orange;font-size:18px; }
		.char3,
		.word3,
		.line3 { color: yellow;font-size:26px; }
		.char4,
		.line4 { color: blue; }
		.char5 { color: green; }
		.char6 { color: indigo; }
		.char7 { color: violet; }
	</style>
<title>走遍福州网管理后台</title>
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/easyui/easyui.css">
	<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery/jquery-1.4.2.min.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery/jquery.easyui.min.js"></script>
	<script>
		$(function(){
			var p = $('body').layout('panel','west').panel({
				onCollapse:function(){
					alert('collapse');
				}
			});
			setTimeout(function(){
				$('body').layout('collapse','east');
			},0);
		});
		
		function addTab(title, url){
			if ($('#navTab').tabs('exists', title)){
				$('#navTab').tabs('select', title);
			} else {
				var content = '<iframe scrolling="auto" frameborder="0"  src="'+url+'" style="width:100%;height:100%;"></iframe>';
				$('#navTab').tabs('add',{
					title:title,
					content:content,
					closable:true
				});
			}
		};
	</script>
</head>
<body class="easyui-layout">
	<div region="north" border="false" style="height:60px;background:#83B7E2;">
		<div id="tital" class="tital">
			<p>走遍福州后台管理系统</p>
		</div>
	
	</div>
	<div region="west" split="true" title="主菜单" style="width:150px;padding:10px;">
		<a href=# onclick=addTab("公园管理","${pageContext.request.contextPath }/admin/park/index.shtml")>公园管理</a><br/><br/>
		<a href=# onclick=addTab("美食管理","${pageContext.request.contextPath }/admin/food/index.shtml")>美食管理</a></br><br/>
		<a href=# onclick=addTab("美食添加","${pageContext.request.contextPath }/admin/food/add.shtml")>美食添加</a>
	</div>
	<div region="east" split="true" title="East" style="width:100px;padding:10px;">east region</div>
	<div region="south" border="false" style="height:50px;background:#83B7E2;padding:10px;text-align: center;">走遍福州版权所有</br>2011-2012</div>
	<div  region="center" title="Main Title">
		<div id="navTab" class="easyui-tabs" fit="true" border="false">
			<div title="主页" icon="icon-home" style="padding:20px;overflow:hidden;">
			</div>
		</div>
	</div>
</body>
</html>
